<html>
  <head>
    <title>uni.createAnimation(OBJECT)</title>
  </head>
  <body>
    <script>
       /*
          一、uni.createAnimation(OBJECT)

                    1、概述

                                创建一个动画实例 animation。调用实例的方法来描述动画。
                                
                                最后通过动画实例的export方法导出动画数据传递给组件的animation属性。

                    2、平台差异说明

                                  App	HarmonyOS Next	    H5	              微信小程序	支付宝小程序	百度小程序	抖音小程序、飞书小程序	QQ小程序	快手小程序	京东小程序	元服务	小红书小程序
                                  √	      x	          HBuilderX 2.0.4+	      √	        √           	√         	√	                  √	          x	      x             √      √

                              ★、注意：
                                  
                                      ①、export 方法每次调用后会清掉之前的动画操作
                                      
                                      ②、nvue 暂不支持

                    3、OBJECT参数说明：

                                          参数	            类型	    必填	默认值	      说明

                                      ①、duration	        Integer	    否	  400	        动画持续时间，单位ms

                                      ②、timingFunction	  String	    否	"linear"	    定义动画的效果

                                      ③、delay	          Integer	    否	0	            动画延迟时间，单位 ms

                                      ④、transformOrigin	String	    否	"50% 50% 0"	  设置transform-origin	

                                <1>、timingFunction 有效值：

                                                    值	            说明

                                                ①、linear	      动画从头到尾的速度是相同的

                                                ②、ease	        动画以低速开始，然后加快，在结束前变慢

                                                ③、ease-in	    动画以低速开始

                                                ④、ease-in-out	动画以低速开始和结束

                                                ⑤、ease-out	    动画以低速结束

                                                ⑥、step-start	  动画第一帧就跳至结束状态直到结束

                                                ⑦、step-end	    动画一直保持开始状态，最后一帧跳到结束状态


                                                eg：
                                                      var animation = uni.createAnimation({
                                                        transformOrigin: "50% 50%",
                                                        duration: 1000,
                                                        timingFunction: "ease",
                                                        delay: 0
                                                      })
      */

    </script>
  </body>
</html>